{include file="public/header" title="我的专属二维码"/}

<link type="text/css" href="/static/QRCode_files/bootstrap.min.css" rel="stylesheet">
<script src="/static/QRCode_files/jquery-1.10.2.min.js" type="text/javascript"></script>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">我的专属二维码</h1>
    <!--<a href="" class="mui-btn-link mui-pull-right">明细</a>-->
</header>
<style>
    body, .mui-content {
        background: #EFEFEF;
    }
</style>
<div class="mui-content" id="extends_code">
    <div class="Recode">
        <h4>
            <img src="{$user['head_img']}" alt="">
            {$user['nickname']}
        </h4>
        <div class="codes">
            <div id="qrcode"></div>
        </div>
    </div>
    <div class="code">
        <span id="te"><b class="tit">邀请码</b><b class="num">{$user['mobile']}</b></span>
    </div>
</div>
<script src="/static/QRCode_files/modernizr-2.8.3.js" type="text/javascript"></script>
<script src="/static/QRCode_files/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/static/QRCode_files/qrcode.min.js"></script>
<script>
    // 设置 qrcode 参数
    var qrcode = new QRCode('qrcode', {
        text: '云南明亚网络科技有限公司',//'请输入二维码内容再生成图像',
        width: 220,
        height: 220,
        colorDark: '#000',
        colorLight: '#ffffff',
        correctLevel: QRCode.CorrectLevel.H
    });
    qrcode.clear();
    qrcode.makeCode("{$option}");
    (function ($) {
        $.init({
            swipeBack: true //启用右滑关闭功能
        });
    })(mui);

</script>

{include file="public/footer"/}